<template>
	<view class="main">
		<text class="head">情侣小游戏</text>

		<view class="logo_box">
			<image class="logo_img" src="/static/image/index/logo.png">
				<view class="logo_txt">最新自由定制版即将发布</view>
		</view>

		<view class="explain">
			<view class="explain_txt">1. 自由定制棋盘内容</view>
			<view class="explain_txt">2. 预设不同阶段互动内容 恋爱，情趣，好玩。满足各种口味快速开局。</view>
			<view class="explain_txt">3. 获取源码定制，一键接入自有app小程序, 公众号</view>
		</view>

		<view class="game_list">
			<view class="game_list_cont">游戏列表</view>
			<navigator url="/pages/game/choose_flight"><view class="game_list_txt">飞行棋</view></navigator>
			<navigator url="/pages/game/task_card"><view class="game_list_txt">任务卡牌</view></navigator>
				<navigator url="/pages/game/posture_card"><view class="game_list_txt">姿势卡牌</view></navigator>
			<view class="game_list_txt" @click="showCodeInput(4)">会员空间</view>
			<view class="game_list_txt" @click="showCodeInput(4)">AI聊天</view>
		</view>
		
		<view class="bottom">
			<text class="bottom_txt">关于本站</text>
			<text class="bottom_txt">网站目前只接收客服人工收款</text>
			<text class="bottom_txt">10元开通单月会员,49元开通终身会员</text>
			<text class="bottom_txt">现开通终身会员的用户，后续享受gpt等ai服务</text>
			<text class="bottom_txt">添加微信[ gznh777888 ] 付款</text>
			<text class="bottom_txt">如需其他定制开发，欢迎联系合作。</text>
		</view>
		

	</view>
</template>

<script>
	export default {
	    methods: {
	        showCodeInput(code) {
	            alert("联系客服");
	        }
	    }
	}
</script>

<style lang="scss">
	.main {
		width: 750rpx;
		height: 1600rpx;
		background-color: #f472b6;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		color: #fee2e2;
	}

	.head {

		font-size: 120rpx;
		color: #fee2e2;
		font-weight: bold;
	}

	.logo_box {
		width: 320rpx;
		margin-top: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;

		.logo_img {
			display: block;
			width: 140rpx;
			height: 140rpx;
			justify-content: center;
			align-items: center;
		}

		.logo_txt {
			justify-content: center;
			align-items: center;
			color: #fee2e2;
		}
	}

	.explain {
		margin-top: 30rpx;
		width: 700rpx;
		height: 180rpx;
		display: flex;
		flex-wrap: wrap;
		color: #fee2e2;

		.explain_txt {
			width: 700rpx;
			justify-content: center;
			align-items: center;
		}
	}
	.game_list{
		width: 600rpx;
		height: 650rpx;
		.game_list_cont{
			width: 600rpx;
			height: 100rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
		}
		.game_list_txt{
			width: 600rpx;
			height: 100rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			border: 2rpx solid white;
		}
	}
	
	.bottom{
		width: 600rpx;
		height: 230rpx;
		.bottom_txt{
			display: block;
		}
	}
</style>